﻿<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title> 
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/Mobile/css", "~/Content/jquerymobile/css")
        @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
        @Scripts.Render("~/bundles/jqueryval")
        @Styles.Render("~/Content/themes/base/css")
        <script>
            $(document).ready(function () {
                $.mobile.ajaxEnabled = false;
            });
        </script>
    </head> 
<body> 

    <div data-role="page" data-theme="d">
        
            
        <div class="header" data-theme="d">
           <a href="@Url.Action("index","Home")"><img src="~/Content/images/logo.png" /></a>
            <a style="float:right" href="#myPanel"><img src="http://st.f1.vnexpress.net/images/icons/1x/menu.png" /></a>


        </div>
        <div data-role="panel" id="myPanel" data-theme="b" data-display="overlay">
            <section id="login">
                  @Html.Partial("_LoginPartial")
            </section>
            <ul data-role="listview" data-inset="true">
                <li><a href="@Url.Action("index","Home")"><img src="http://view.jquerymobile.com/1.3.2/dist/demos/_assets/img/gf.png" alt="Trang chủ" class="ui-li-icon">Trang chủ</a></li>
                <li><a href="@Url.Action("Coures","Home")"><img src="http://view.jquerymobile.com/1.3.2/dist/demos/_assets/img/gf.png" alt="Lớp học mới" class="ui-li-icon ui-corner-none">Lớp học mới</a></li>

                <li><a href="@Url.Action("Annoucements","Home")"><img src="http://view.jquerymobile.com/1.3.2/dist/demos/_assets/img/gf.png" alt="Thông báo" class="ui-li-icon">Thông báo</a></li>
                <li><a href="@Url.Action("News","Home")"><img src="http://view.jquerymobile.com/1.3.2/dist/demos/_assets/img/gf.png" alt="Tin tức mới Britain" class="ui-li-icon">Tin tức mới</a></li>
               
            </ul>
            <a data-role="button" data-rel="close">Close Me</a>
        </div>

        <div data-role="content" data-theme="d">
            
            @RenderSection("featured", false)
            @RenderBody()		
        </div>
       
        
        <footer data-role="footer" data-theme="d">
            <h4>© 2013</h4>@Html.Partial("_ViewSwitcher")
        </footer>
        
    </div>

</body>
</html>